// import React from 'react'
// export default class List extends React.Component {
//   // 封装这个组件的时候,无法确定要渲染什么数据,使用组件的时候才能知道
//   render() {
//     console.log(this.props) // 类组件实例的props属性可以接收传递过来的外部数据
//     return (
//       <ul>
//         {this.props.test.map((item) => {
//           return <li key={item}>{item}</li>
//         })}
//       </ul>
//     )
//   }
// }

import React from 'react'

export default function List(props) {
  console.log(props)
  return (
    <div>
      <ul>
        {props.test.map((item) => {
          return <li key={item}>{item}</li>
        })}
      </ul>
    </div>
  )
}
